import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store/index.js'
const request = axios.create({
  // 完整地址
  // baseURL: 'http://ihrm-java.itheima.net/api'
  // 实现服务器打理，不要直接访问目标地址换成相对路径
  // 拦截地址，相当于当前服务器的地址
  baseURL: '/api'
})
// 对请求做拦截，统一传token
// 定义请求拦截器
request.interceptors.request.use(config => {
  if (store.state.user.token) {
    // 注意'Bearer '单词和有个空格
    config.headers.Authorization = 'Bearer ' + store.state.user.token
  }
  return config
}, error => {
  return Promise.reject(error)
}
)
/*
  对返回的数据做拦截，每一次返回回来的数据都要做处理
  错误处理方式2-在axios当中响应拦截器里面做操作
  拦截器写法-通过，axios官网或者代码片段
*/
/*
  注意：选择response，对数据做统一处理，而不是用request，他是对请求的数据做处理
  我们要对request对象做处理，而不是对axios做处理
*/
request.interceptors.response.use(response => {
  // 成功的处理（状态码为2xx）
  // Do something before response is sent
  // console.log('成功', response)
  const { data: { success, data, message }} = response
  // 判断请求是否成功
  if (success) {
    // 返回数据
    return data
  } else {
    Message.error(message)
    // 在响应拦截器里面产生一个错误 通过冒泡错误，阻止页面跳转
    throw new Error(message)
  }
  // return response
}, error => {
  // Do something with response error
  console.log('失败', error)
  // 失败的处理(状态码为4xx，状态码为5xx)
  Message.error('服务器异常，请稍后重试')
  return Promise.reject(error)
})
export default request
